/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

html {
	font-family: sans;
	font-size: 9pt;
	color: #121212;
}

a {
	color: #121212;
}

table#container {
	width: 1000px;
	margin: 30px auto;
	padding: 0px 10px 10px 10px;
	border: 1px solid #121212;
	background-color: #9BB9EC;
}

td#top {
	height: 80px;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #121212;
}

.game-menu {
	width: 200px;
	padding: 20px 10px 10px 10px;
	vertical-align: top;
}
.game-menu a {
	
}
.game-menu .menu-header {
	margin-bottom: 15px;
	font-size: 10pt;
	font-weight: bold;
}
.game-menu .menu-list {
	margin-top: 15px;
}
.game-menu .menu-title {
	font-weight: bold;
}

.game-content {
	padding: 20px 10px 10px 10px;
	vertical-align: top;
}
.game-content .panelHeader {
	margin-bottom: 10px;
	font-size: 11pt;
	font-weight: bold;
}
.game-playarea {
	margin-top: 15px;
}

.game-content .listings-table {
	margin-top: 20px;
}
.game-content .listings-table .header {
	font-weight: bold;
}
.game-content .listings-table .first-column {
	width: 150px;
}
.game-content .listings-table .second-column {
	width: 60px;
}
.game-content .listings-table .third-column {
	width: 60px;
}

.game-content .hanoi-table {
	border: solid #121212;
	border-width: 1px 0px 1px 1px;
}
.game-content .hanoi-cell {
	margin: 0px;
	padding: 0px;
	text-align: center;
	border: solid #121212;
	border-width: 0px 1px 0px 0px;
}
.game-content .hanoi-cell .hanoi-label {
	margin: 0px auto;
	padding: 4px 0px 4px 0px;
	background-color: #EDEA9D;
	border: 1px solid grey;
}
.game-content .hanoi-cell .hanoi-label-active {
	margin: 0px auto;
	padding: 4px 0px 4px 0px;
	background-color: #A1966A;
	border: 1px solid grey;
}
.game-content .hanoi-panel {
	height: 25px;
	text-align: center;
	background-color: #EDEDED;
}
.game-content .hanoi-spacer .hanoi-panel {
	height: 50px;
}

.game-content .memory-table {
	font-size: 12pt;
	border: solid black;
	border-width: 2px 0px 0px 2px;
	background-color: #EDEDED;
}
.game-content .memory-cell {
	border: solid #121212;
	border-width: 0px 1px 1px 0px;
}
.game-content .memory-panel {
	width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.game-content .memory-fixed {
	background-color: #EDEA9D;
}
.game-content .memory-active {
	background-color: #A1966A;
}

.game-content .missing-table {
}
.game-content .missing-question {
	margin-bottom: 15px;
}
.game-content .missing-question td {
		width: 20px;
	font-size: 12pt;
	text-align: center;
}
.game-content .missing-answer {
}
.game-content .missing-answer td {
	min-width: 150px;
	font-size: 11pt;
	vertical-align: middle;
}
.game-content .missing-answer td .gwt-Label {
	height: 22px;
	vertical-align: middle;
	display: table-cell;
}
.game-content .missing-finished {
	font-size: 11pt;
}

.game-content .suduku-table {
	border: solid #121212;
	border-width: 2px 0px 0px 2px;
}
.game-content .suduku-cell {
	border: solid #121212;
	border-width: 0px 1px 1px 0px;
}
.game-content .suduku-cell-right {
	border: solid #121212;
	border-width: 0px 2px 1px 0px;
}
.game-content .suduku-cell-corner {
	border: solid #121212;
	border-width: 0px 2px 2px 0px;
}
.game-content .suduku-cell-bottom {
	border: solid #121212;
	border-width: 0px 1px 2px 0px;
}
.game-content .suduku-panel {
	width: 25px;
	height: 25px;
	text-align: center;
	vertical-align: middle;
}
.game-content .suduku-label {
	width: 25px;
	height: 19px;
	padding-top: 6px;
	background-color: #EDEDED;
}
.game-content .suduku-label-active {
}
.game-content .suduku-label-locked {
	font-weight: bold;
	background-color: #C7B983;
}
.game-content .suduku-panel input {
	width: 19px;
	height: 17px;
	text-align: center;
	vertival-align: middle;
	borders: 0;
}

.game-content .admin-table .header td {
	padding-bottom: 5px;
	font-weight: bold;
}
.game-content .admin-table .first-column {
	width: 100px;
}
.game-content .admin-table .second-column {
	width: 200px;
}
.game-content .admin-table .third-column {
	width: 90px;
}
.game-content .admin-table .fourth-column {
	width: 90px;
}

.errors {
	font-weight: bold;
	color: #D93927;
}
